<template>
	<view class="box">
		<view class="row">
			第2步：基本资料
		</view>
		<view class="row_title">
			个人名称
			<view class="focus">
				*
			</view>
		</view>
		  <u-input
		    placeholder="请输入姓名"
		    v-model="form.name"
		  ></u-input>
			<view class="row_title">
				请选择签约方式
				<view class="focus">
					*
				</view>
			</view>
			<view class="radio">
				<u-radio-group placement="row" @change="activeValue">
					<u-radio activeColor="#1F4AEC" shape="circle"label="纸质签约"  v-model="form.activeType"></u-radio>
					<u-radio activeColor="#1F4AEC" shape="circle"label="电子签约":disabled="true" ></u-radio>
				</u-radio-group>
			</view>
			<view class="row_title">
			 	所属城市
			 	<view class="focus">
			 		*
			 	</view>
			 </view>
			<picker mode="region" @change="region">
				<u-input placeholder="请选择区域" v-model="form.chooseRegion"  :disabled="true"
					disabledColor="#fff"  suffixIcon="map-fill" suffixIconStyle="color: #909399"></u-input>
			</picker>
			   <view class="row_title">
			    	总房量
			    	<view class="focus">
			    		*
			    	</view>
			    </view>
			   <u-input
			        placeholder="请输入"
			        border="surround"
			        v-model="value"
			      ></u-input>
				  <view class="row_title">
				   	周空房量(间)
				   	<view class="focus">
				   		*
				   	</view>
				   </view>
				  <u-input
				       placeholder="请输入"
				       border="surround"
				       v-model="value"
				     ></u-input>
					 <view class="row_title">
					  	要求提前交租天数
					  	<view class="focus">
					  		*
					  	</view>
					  </view>
					 <u-input
					      placeholder="请输入"
					      border="surround"
					      v-model="value"
					    ></u-input>
						<view class="row_title">
						 	退房提前通知天数
						 	<view class="focus">
						 		*
						 	</view>
						 </view>
						<u-input
						     placeholder="请输入"
						     border="surround"
						     v-model="value"
						   ></u-input>
			<view class="button_box" @click="step2">
				<u-button type="primary" text="下一步" size="small"></u-button>
			</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: "",
				form:{
					name:'',
					activeType:'纸质签约',
					chooseRegion:'',
				},
			}
		},
		methods: {
			activeValue(n){
				
			},
			region(e){
				
			},
			step2(){
				uni.navigateTo({
					url:'./contactInfo'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import '~@/styles/index.scss';
	.box{
		// @include pageInit;
		width: 100%;
		height: 100%;
		padding-left: 30rpx;
		padding-right: 30rpx;
		box-sizing: border-box;
		.row{
			padding-top: 30rpx;
			padding-bottom: 40rpx;
		}
		.row_title{
			display: flex;
			align-items: center;
			padding: 30rpx 0;
			.focus{
				color: red;
			}
		}
		.radio{
			margin-top: 20rpx;
			margin-bottom: 20rpx;
		}
		.button_box{
			width: 18%;
			margin: 30rpx 0;
		}
	}

</style>
